<template>
	<view style="padding:30upx;">
		<view  class="main-content" id="memo">
			<p html style="fontSize:30upx "  v-html="tems"></p>
			<!-- <rich-text class="article__rich" :nodes="tems"></rich-text> -->
			
		</view>
	</view>
</template>

<script>
	import { router, toast, localStorage } from '@/common/util.js';
	import { secondAboutUsDetail} from '@/service/getData.js';
	export default{
		components: {
			
		},
		data() {
			return {
				searchValue: '', // 搜索的值
				tems:'',
			}
		},
		onLoad(option){
		
			console.log(option);
			toast.loading();
			secondAboutUsDetail({data:{"type":"aboutinfo","aboutid":option.id}}).then(res =>{
				toast.hideLoading();
				let result = eval('('+res.data+')');
				console.log(res.data);
				let resulta = result[0].meslist[0];
				console.log(resulta);
				uni.setNavigationBarTitle({
				    title: resulta.title,
				});
				this.tems = resulta.memo;
				this.tems=this.tems.replace(/&lt;/g,'<');
				this.tems=this.tems.replace(/&gt;/g,'>');
				this.tems=this.tems.replace(/&amp;nbsp;/g,'&nbsp;');
				console.log(this.tems);
			});
		},
		methods: {
		}
		
	}
	
</script>

<style lang="scss">
	@import '@/style/mixin/flex.scss';
	@import '@/style/mixin/hr.scss';
	@import '@/style/page/banner.scss';
	.page{
		margin: 0;
		padding: 30upx 20upx;
		background-color: #ffffff;
		.page-main{
			margin: auto;
			text-align: center;
			.main-title{
				font-size: 36upx;
				color: #000000;
			}
			.main-content{
				font-size: 28upx;
				margin: 10upx 0;
				.text-box{
					font-size: 50upx;
				}
			}
			.main-see{
				text-align: center;
				margin: 100upx 0 40upx 0;
				text{
					background-color: #ff0000;
					color: #ffffff;
					padding: 15upx 80upx;
					border-radius: 10upx;
					font-size: 28upx;
				}
			}
			.fen-title{
				font-size: 26upx;
				color: #a5a5a5;
			}
			.fenxiang{
				display:flex;
				flex-direction: row;
				margin-top: 30upx;
				view{
					margin: 0 10upx;
				}
				.fenxiang-first{
					margin-left: 35%;
				}
				image{
					width: 60upx;
					height: 60upx;
				}
			}
		}
		.fab{
		    @include flex(center, center);
		    position: fixed;
		    bottom: 10%;
		    right: 0;
		    z-index: 10;
		    height: 34px;
		    box-sizing: border-box;
		    padding: 0 $uni-spacing-row-base 0 17px;
		    background-color: #3c81df;
		    border-radius: 17px 0 0 17px;
		    
		    &__icon{
		        position: relative;
		        width: 12px;
		        height: 12px;
		        margin: 0 $uni-spacing-col-sm 0 0;
		            
		        &::before, &::after{
		            content: " ";
		            position: absolute;
		            top: 50%;
		            left: 50%;
		            -webkit-transform: translate(-50%, -50%);
		            transform: translate(-50%, -50%);
		            background-color: #fff;
		            border-radius: 1rpx;
		        }
		        
		        &::before {
		        	width: 4rpx;
		        	height: 100%;
		        }
		        
		        &::after {
		        	width: 100%;
		        	height: 4rpx;
		        }
		    }
		    
		    &__text{
		        font-size: 13px;
		        color: #fff;
		    }
		}
	}
	

</style>
